import { memo } from 'react';
import { Button } from 'antd';

const Child = ({ updateCount }) => {
  const show = () => {
    console.log('child组件渲染');
  };
  return (
    <>
      <h3>Child组件</h3>
      {/* 这个方法会随着父组件的刷新而被调用 使用props传参的时候可通过memo解决这个问题 使用useContext的时候这个问题依旧会存在 */}
      <div>{show()}</div>
      <Button onClick={updateCount()}>count加一</Button>
    </>
  );
};
export default memo(Child);
